<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>用户注册</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" type="text/css" href="./css/iconfont/iconfont.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
    <div class="pre-header">
    	<div class="mini-nav">
    		<div class="wrap">
    			<div class="mini-nav-left fl">
    				<span class="fl">北京市&#12288;天气阴</span>
    				<span class="iconfont icon-icon53 fl"></span>
    				<span class="fl">&#12288;2014年11月14日&#12288;星期五</span>
    			</div>
    			<div class="mini-nav-right fr">
    				<a class="fl" href="./login.html">请登录</a>
                    <a class="fl" href="./register.html">免费注册</a>
                    <a class="fl" href="./usercenter.html">我的快注</a>
                    <a class="fl" href="#"><span class="iconfont icon-favorite fl"></span class="fl"> 收藏</span></a>
    			</div>
    		</div>
    	</div>
    	<div class="nav clearfix">
    		<div class="wrap">
    			<div class="nav-left fl">
    			    <a href="#"><img src="./images/logo.png"></a>
    			</div>
    			<div class="nav-right fr">
    				<a class="fl" href="./index.html">首页</a>
                    <a class="fl" href="./trademark-registration.html">商标快注</a>
                    <a class="fl" href="./news.html">注吧资讯</a>
                    <a class="fl" href="./contact-us.html">联系我们</a>
    			</div>
    		</div>
    	</div>
    </div>
<!-- main -->
    <div class="pre-main clearfix">
        <div class="wrap">
            <div class="pre-box">
                <p>用户注册</p>
                <form action="#" method="post">
                    <div class="div-common user-bg">
                        <input type="tel" name="" placeholder="手机号">
                    </div>
                    <div class="clearfix">
                        <div class="security-code-bg fl">
                             <input  type="text" name="" placeholder="验证码">
                        </div>
                        <input class="get-code" type="button" id="btn" value="获取验证码" />
                    </div>
                    <div class="div-common password-bg">
                        <input  type="password" name="" placeholder="密码">
                    </div>
                    <div class="div-common password-bg-2">
                        <input  type="password" name="" placeholder="重复密码">
                    </div>
                    <div class="checkbox">
                        <input class="fl" type="checkbox">
                        <span onclick="$(this).prev().click();" class="fl">&#12288;同意遵守</span><span><a href="#">《上快注注册协议》</a></span>
                    </div>
                    <a class="submit" href="./register success.html">注&#12288;册</a>
                    <div class="pre-tab">
                        <a class="fr" href="./login.html">已有账号马上登录</a>
                    </div>
                </form>
            </div>
        </div>
        <div class="pre-footer">
            <p>
                <a href="./trademark-registration.html">新手帮助</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./trademark-registration.html">商标快注</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./news.html">注吧资讯</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./contact-us.html">联系我们</a>
            </p>
            <p>&copy; 2014 北京市快注知识产权代理有限公司 版权所有 京ICP备14014304号-1 京ICP证140441号</p>
        </div>
    </div>



    <script type="text/javascript">
        var wait = 60;
        function time(o) {
            if (wait == 0) {
                $("#btn").css({"backgroundColor":"#f40","border":"1px solid #f40","cursor":"pointer"});
                o.removeAttribute("disabled");
                o.value = "获取验证码";
                wait = 60;
            } else {
                o.setAttribute("disabled", true);
                o.value =   wait + "秒后重新获取";
                wait--;
                $("#btn").css({"backgroundColor":"#999","border":"none","cursor":"default"});
                setTimeout(function() {
                        time(o)
                    },
                    1000)
            }
        }
        document.getElementById("btn").onclick = function() {
            time(this);

        }
    </script>


</body>
</html>